<template>
  <!-- 1应用信息泄露 -->
  <div>
    <div class="tc">
      <div class="bg1">
        <div class="body">
          <div style="font-size: 30px; font-weight: bold">
            2879台
          </div>
          <div style="text-align: center">
            终端数量
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.tc {
  position: absolute;
  // background-color: #111010;
  bottom: 10px;
  left: 50px;
  width: 350px;
  height: 200px;
  z-index: 10000;
}

.bg1 {
  /* padding: 30px; */
  width: 50%;
  height: 200px;

  background-image: url("~@/assets/xd/map_bottom.png");

  // /* background-color: rgba(34, 114, 201, 0.753); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 10000;

  .tp {
    height: 50px;
  }

  .body {
    position: absolute;
    top: 70px;
    right: 150px;
    font-size: 20px;
    color: #ffffff;
  }
}
</style>